<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<link th:replace="fragment/common_index_header" />
	<title>角色管理</title>
</head>
<body class="gray-bg">
<div class="content">
	<div class="row">
		<div class="col-md-12">
			<div class="box">
				<div class="box-header with-border">
					<h3 class="box-title">
						<i class="fa fa-filter"></i> 查询条件
					</h3>
					<div class="box-tools pull-right">
						<div class="btn-group">
				          	<button type="button" class="btn btn-primary btn-xs" onclick="search()">
								<i class="fa fa-search"></i> 搜索
							</button>
							<button type="button" class="btn btn-primary btn-xs dropdown-toggle" 
									data-toggle="dropdown">
								<span class="caret"></span>
								<span class="sr-only">切换下拉</span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li>
									<a href="javascript:search()"><i class="fa fa-search" aria-hidden="true"></i> 查询</a>
								</li>
								<li>
									<a href="javascript:void(0);" id="advSearch"><i class="fa fa-lightbulb-o" aria-hidden="true"></i> 显示/隐藏高级查询</a>
								</li>
							</ul>
						</div>
	          			<button type="button" class="btn btn-info btn-xs" onclick="reset()">
	          				<i class="fa fa-refresh"></i> 重置
	          			</button>
	          			<button type="button" class="btn btn-box-tool" data-widget="collapse" data-toggle="tooltip" title="Collapse">
             					<i class="fa fa-minus"></i>
           				</button>
					</div>
				</div>
				<div class="form-body" id="form">
					<form id="searchForm" action="">
						<!-- body -->
						<div class="box-body">
				           	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
					            <label for="roleName">角色名称</label>
					            <input type="text" class="form-control input-sm" id="roleName" name="roleName" placeholder="角色名称">
				           	</div>
				           	
				           	<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
					            <label for="roleState">角色状态</label>
					            <select class="form-control simpleSelect" id="roleState" name="roleState">
					    		</select>
				           	</div>
				           	
				       </div>
				       <!-- footer -->
				       <div class="box-footer adv-search">
				          <div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
				             <label for="name">姓名</label>
				             <input type="text" class="form-control input-sm" id="ownerName" name="ownerName" placeholder="姓名">
				           </div>
				          <div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
				             <label for="idCard">身份证</label>
				             <input type="text" class="form-control input-sm" id="idCard" name="idCard" placeholder="身份证">
				          </div>
				          <div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
				             <label for="phone">联系电话</label>
				             <input type="text" class="form-control input-sm" id="phoneNum" name="phoneNum" placeholder="联系电话">
				          </div>
				          <div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
				             <label for="machineNumber">电机号</label>
				             <input type="text" class="form-control input-sm" id="machineNum" name="machineNum" placeholder="电机号">
				          </div>
				          <div class="col-xs-6 col-sm-3 col-md-2 col-lg-2">
				             <label for="framNumber">车架号</label>
				             <input type="text" class="form-control input-sm" id="vin" name="vin" placeholder="车架号">
				          </div>
				        </div>
					</form>
				</div>
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 data-grid-box">
						<div class="ibox jqGrid_ibox">
				            <div class="ibox-content">
				                <div class="jqGrid_wrapper">
				                   	<table id="dataGrid"></table>
				                   	<div id="pager"></div>
				                </div>
				            </div>
				       	</div>
					</div>
				</div>
	    	</div>   	
		</div>
	</div>
</div>
<div style="display:none;">
	<!-- toolbar -->
	<div id="toolbar" style="float:right;margin-right:10px;">
		<button class="btn btn-primary btn-xs" type="button" onclick="add()">
			<i class="fa  fa-plus"></i> 新增 
		</button>
		<button class="btn btn-success btn-xs" type="button" onclick="edit()">
			<i class="fa fa-pencil-square-o"></i> 编辑
		</button>
		<button class="btn btn-danger btn-xs" type="button" onclick="del()">
			<i class="fa fa-trash-o"></i> 删除 
		</button>
		<button class="btn btn-danger btn-xs" type="button" onclick="updateState()">
			<i class="fa fa-expeditedssl"></i> 恢复/禁用 
		</button>
	</div>
</div>
<script th:replace="fragment/common_index_js"></script>
<script th:src="@{/js/module/sys/role/role-index.js(v=${stv})}"></script>
</body>
</html>